<?
        require_once('source.php');
?>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Bobby's Final</title>
    <link type="text/css" rel="stylesheet" href="bootstrap.css" />
</head>
<body>
<div class="well">
<input type="text" class="span3" id="typeahead" data-provide="typeahead" data-items="4" />
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="bootstrap.js"></script>
<script>
$(function(){
$('#typeahead').typeahead({
	source: function(typeahead, query){
		$a.jax({
			url: 'source.php',
			type: 'POST',
			data: 'query =' + query,
			dataType: 'JSON',
			async: false,
			success: function(data) {
				typeahead.process(data);
			}
		});
	}
});
});
</script>  
</body>
</html>